<#include "/common/new.html" /> <@layout>

<head>

</head>
<style>
html,body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

html,body {
	margin: 0;
	border: 0 none;
	padding: 0;
}

body {
	font-size: 1em;
	font-family: "Microsoft Yahei", "黑体", monospace;
}

.title,.content p {
	display: none;
	color: #2ae0c8;
}

</style>
<style>
.swiper-container,.swiper-slide {
	width: 100%;
	height: 100%;
}
</style>
<script>
if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
	var version = parseFloat(RegExp.$1);
	if(version>2.3){
		var phoneScale = parseInt(window.screen.width)/640;
		document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
	}else{
		document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
	}
}else{
	document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
}
//微信去掉下方刷新栏
if(navigator.userAgent.indexOf('MicroMessenger') >= 0){
	document.addEventListener('WeixinJSBridgeReady', function() {
		//WeixinJSBridge.call('hideToolbar');
	});
}
$(function(){
	$("#end").hide();
	var x = document.getElementById("audios");
	x.play();
  var mySwiper = $('.swiper-container').swiper({
    
    mode:'vertical',
    loop: true,
		mousewheelControl:true,
		keyboardControl:true,
		onSlideChangeStart:function(){
		},
		onSlideChangeEnd:function(){
/* 	$('.content p').each($).show(1000).wait(1600);
 */	},
		onSwiperCreated:function(){
	//	$('.title').wait(500).slideDown().delay(500).animate({fontSize:"250%",color:"red",display:"block"},3000,"swing");
	//	$('.text p').each($).show(1000).wait(1600);
		}
    
  });
    
})
function openaudio(){
	var x = document.getElementById("audios");
	x.play();
	$("#end").show();
	$("#start").hide();
}
function end(){
	var x = document.getElementById("audios");
	x.pause();
	$("#end").hide();
	$("#start").show();
}
</script>
<body>
	<div class="ace-settings-container" id="ace-settings-container" >
			<div class="btn btn-app btn-mini btn-warning ace-settings-btn" id="start" onclick="openaudio();" 
				style="background-image: -webkit-linear-gradient(top,#F5F5F5,#F5F5F5)!important;">
						<i class="icon-music bigger-150"></i>
				</div>
				<div class="btn btn-app btn-mini btn-warning ace-settings-btn" id="end" onclick="end();" 
				style="background-image: -webkit-linear-gradient(top,#F5F5F5,#F5F5F5)!important;">
						<i class="icon-forward bigger-150"></i>
				</div>
				<audio src="${ctx}/img/new/QT007_music.mp3" id="audios" autoplay="autoplay" loop="loop"></audio>
	</div>
							
				
	<div class="swiper-container">
		<!-- 滑动操作指示 -->
		<!-- 主体 -->
		<div class="swiper-wrapper">
		<#list mbsxlist as m>
			<div class="swiper-slide slide{(m_index)}"
				style="background-color: white; background-size: 100% 100%;">
				<div class="${(m.tx)!}"
					style="height: <#if (m.mbbh)! =="1">100%</#if><#if (m.mbbh)! =="2">70%</#if>
					<#if (m.mbbh)! =="3">100%</#if><#if (m.mbbh)! =="4">80%</#if><#if (m.mbbh)! =="5">100%</#if>; 
					width: 100%; top: <#if (m.mbbh)! =="4">20%</#if>; left: 0%; 
					-webkit-animation-delay:${(m.yc)!}s;">
					<img
						src="${ctx}${(m.url)}"
						style="width: 100%; height: 100%;" />
				</div>
				<#if (m.mbbh)! !="1">
				<div class="${(m.tx)!}"
					style="font-size:<#if (m.style)?? &&(m.style) !="">${(m.style)!}px<#else>25px</#if>;color:<#if (m.color)?? &&(m.color) !="">${(m.color)!}<#else>black</#if>;height: <#if (m.mbbh)! =="1">0</#if><#if (m.mbbh)! =="2">30%</#if>
					<#if (m.mbbh)! =="3">20%</#if><#if (m.mbbh)! =="4">20%</#if><#if (m.mbbh)! =="5">20%</#if>; 
					width: 100%; top: <#if (m.mbbh)! =="2">80%</#if><#if (m.mbbh)! =="3">60%</#if><#if (m.mbbh)! =="4">80%</#if><#if (m.mbbh)! =="5">70%</#if>; left: 0%; ">
					
				</div>
			</#if>
			</div>
			</#list>
		</div>
	</div>
</body>

<#include "/common/end.html" /> 

<script>

</script>
<script>


</script>
</@layout>
